<template>
  <div>
    <h1>404 NOT FOUND</h1>
  </div>
</template>

<style lang="less" scoped>
h1 {
  text-align: center;
  // margin-top: 300px;
  margin: 0;
  color: #f35626;
  font-size: 350px;
  background: coral;
  background-image: -webkit-linear-gradient(45deg, #f35626, #feab3a);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: hue 6s infinite linear;
}

@keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
</style>
